<template>
  <div>
    <h1>侦听器watch</h1>
    <hr>
    <input type="text"
           v-model="name">
  </div>
</template>

<script>
export default {
  data () {
    return {
      name: ''
    }
  },
  watch: {
    // 注意：监听是的是某个变量，而newval和oldval是固定的形参名称
    name (newval, oldval) {
      console.log(newval + '---1');
      console.log(oldval + '---2');
    }
  }
}
</script>

<style>
</style>